<%--
    Document   : noticiaList
    Created on : 09/07/2013, 23:27:14
    Author     : Max
    Description:
        Esse documento JSP é utilizado para
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt">
    <head>
        <%@include file="interfaceHead.jsp" %>
    </head>
    <body>
        <div class="nonFooter">
            <%--HEADER--%>
            <%@include file="interfaceHeader.jsp" %>

            <%--MAIN--%>
            <div id="main" class="container">
                <hr class="no-margin-top"/>
                <div class="row">
                    <nav class="span3">
                        <ul class="nav nav-list well">
                            <li class="nav-header">Notícias</li>
                            <li class="active">
                                <a href="#">Ver todas as notícias</a>
                            </li>
                            <li>
                                <a href="#">Pesquisar notícias</a>
                            </li>
                        </ul>
                    </nav>
                    <div class="span9">
                        <h1>Notícias</h1>
                        <p class="lead">
                            Fique por dentro das atualizações do Grupo PET-Informática.
                        </p>
                        <ul class="unstyled">
                            <li class="noticia">
                                <p class="info no-margin-bottom">
                                    08/08/2013
                                </p>
                                <h3 class="no-margin-bottom no-margin-top">
                                    <a href="">
                                        Título da Notícia<br/>
                                    </a>
                                </h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                </p>
                            </li>
                            <li class="noticia">
                                <p class="info no-margin-bottom margin-top">
                                    08/08/2013
                                </p>
                                <h3 class="no-margin-bottom no-margin-top">
                                    <a href="">
                                        Título da Notícia<br/>
                                    </a>
                                </h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                </p>
                            </li>
                            <li class="noticia">
                                <p class="info no-margin-bottom margin-top">
                                    08/08/2013
                                </p>
                                <h3 class="no-margin-bottom no-margin-top">
                                    <a href="">
                                        Título da Notícia<br/>
                                    </a>
                                </h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                </p>
                            </li>
                        </ul>

                        <ul class="pager">
                            <li><a href="#">&larr; Notícias Anteriores</a></li>
                            <li><a href="#">Notícias Posteriores &rarr; </a></li>
                        </ul>
                    </div>
                </div>



            </div>

            <%--StickyFooter--%>
            <div id="push"></div>
        </div>
        <%--FOOTER--%>
        <%@include file="interfaceFooter.jsp" %>
    </body>
</html>

